<template lang="html">
  <div class="hotTuiJian">
   <router-link  tag="div" class="hotTitle" to="/musicgedan">
   <img src="../../assets/images/icon-return45.png" alt="">
   <span>热门推荐</span>
   </router-link>
    <HotTuiJian />
  </div>
</template>

<script>
import HotTuiJian from "../../components/hotTuiJian"
export default {
  name:"hotTuiJian",
  data(){
    return{

    }
  },
  components:{
    HotTuiJian
  }
}
</script>
<style scoped>
.hotTitle {
  width: 100%;
  height: 0.9rem;
  line-height: 0.9rem;
  background: #5d269e;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
}

.hotTitle img{
  width: 0.38rem;
  height: 0.48rem;
  position: absolute;
  left: 0.2rem;
}
.hotTitle span{
  display: block;
  font-size: 0.4rem;
  color: #ffffff;
  /* font-weight: 600; */
  height: 0.9rem;
  line-height: 0.9rem;
  margin-top: 0.1rem;
}

</style>
